<template>
  <div class="homes">
    <!--顶部跑马灯 -->
    <TimeOrMarquee />
    <div class="redImage">
      <img src="../../assets/images/img1.75370ad2.jpg" />
    </div>
    <!-- 轮播图 -->
    <Center />
    <!-- 轮播导航 -->
    <Swiper />
    <!-- 公告栏 -->
    <Annunciate />
    <!-- 底部表格 -->
    <Bottom />
    <!-- 底部信息统计访问 -->
    <Message />
    <!-- 飘窗 -->
    <Suspension />
  </div>
</template>

<script>
import TimeOrMarquee from "./components/timeOrMarquee.vue";
import Center from "./components/center.vue";
import Swiper from "./components/swiper.vue";
import Annunciate from "./components/annunciatesd.vue";
import Bottom from "./components/bottoms.vue";
import Message from "./components/messages.vue";
import Suspension from "./components/suspension.vue";
export default {
  name: "",
  components: {
    TimeOrMarquee,
    Center,
    Swiper,
    Annunciate,
    Bottom,
    Message,
    Suspension,
  },

  data() {
    return {
      path: {},
    };
  },
  created() {},
  mounted() {},
  methods: {
  },
  watch: {},
  computed: {},
};
</script>

<style lang="scss" scoped>
.homes {
  // margin-top: 10rem;
  .content {
    // width: 90%;
    width: 16.8rem;
    margin: 0 auto;
    // background: #ffff;
    // background: pink;
    border-radius: 3px 3px 0 0;
  }
  .redImage {
    img {
      width: 100%;
    }
  }
}
</style>
